<template>
	<view>
		<view class="join">
			<!-- <view class="tit">
				选择发布类型
			</view>
			<view class="join_main">

				<view class="join_list" @click="release">
					<image src="../../static/icon/zhaopinmain.png" mode="" />
					<text>招聘</text>
				</view>
				<view class="join_list" @click="jobPosting">
					<image src="../../static/icon/qiuzhimain.png" mode="" />
					<text>求职</text>
				</view>
				<view class="join_list" @click='releazixun'>
					<image src="../../static/icon/zixunmain.png" mode="" />
					<text>咨询</text>
				</view>
			</view> -->
				<view class="join_img" @click="release">
					<image src="../../static/icon/zp.jpg" mode=""></image>
				</view>
				<view class="join_img" @click="jobPosting">
					<image src="../../static/icon/qz.jpg" mode=""></image>
				</view>
				<view class="join_img" @click='releazixun'>
					<image src="../../static/icon/zx.jpg" mode=""></image>
				</view>
		</view>
	</view>
</template>

<script>
	import zdmb from "../../components/zdmb.vue"
	export default {
		components: {
			zdmb
		},
		data() {
			return {
				demo: {
					top: '',
					height: ''
				}
			}
		},
		computed: {
			newIsComplete() {
				return this.$store.state.isComplete
			}
		},
		created() {
			const demo = uni.getMenuButtonBoundingClientRect()
			this.demo.top = demo.top
			this.demo.height = demo.height
		},
		methods: {
			// 强制刷新、重新加载页面
			test() {
				this.$forceUpdate()
			},
			release() {
				uni.navigateTo({
					url: '../../pageA/join/joinReleamain'
				})
			},
			releazixun() {
				uni.navigateTo({
					url: '../../pageA/join/releazixun'
				})
			},
			jobPosting() {
				let userIsReal = uni.getStorageSync('userIsReal')
				if (userIsReal == '未实名') {
					uni.showToast({
						title: '请先去实名认证!',
						icon: 'none'
					})
					setTimeout(function() {
						uni.navigateTo({
							url: '../../common/realName/nowReal?title=发布实名'
						})
					}, 1000)
				} else {
					if (this.newIsComplete > 0) {
						uni.navigateTo({
							url: '../../pageA/join/jobPosting'
						})
					} else {
						uni.showToast({
							title: '请先完善您的简历',
							icon: 'none'
						})
						setTimeout(function() {
							uni.navigateTo({
								url: '../../pageA/myResume/myResume'
							})
						}, 1000)
					}
				}


			}
		}
	}
</script>

<style lang="scss" scoped>
	.join {
		box-sizing: border-box;
		// position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		background-color: #ffffff;
		overflow: auto;
		.join_img{
			width: 692rpx;
			height: 368rpx;
			margin: 20rpx auto;
			image{
				width: 100%;
				height: 100%;
			}
		}
		// .tit {
		// 	font-size: 28rpx;
		// 	font-family: PingFang SC, PingFang SC-Medium;
		// 	font-weight: 500;
		// 	text-align: left;
		// 	color: #333333;
		// 	margin: 0 32rpx;
		// 	margin-top: 300rpx;

		// }

		// .join_main {
		// 	display: flex;
		// 	height: 160px;
		// 	width: 650rpx;
		// 	margin: 0 auto;
		// 	justify-content: space-between;
		// 	align-items: center;

		// 	.join_list {
		// 		width: 128rpx;
		// 		text-align: center;

		// 		image {
		// 			width: 128rpx;
		// 			height: 128rpx;
		// 		}

		// 		text {
		// 			font-size: 28rpx;
		// 			font-family: PingFang SC, PingFang SC-Medium;
		// 			font-weight: 500;
		// 			color: #333333;
		// 		}
		// 	}
		// }
	}
</style>
